﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>jj</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        body{
            width:100%;
            height:757px;
            background-color:#dcdee3;
        }
        .btn{
            padding:10px 30px;
            border:none;
            background-color:#dcbee3;
            border-radius:20px;
        }
        .btn:hover{
            background-color:#b1eda3;
        }
        .form-control{

        }
    </style>
</head>
<body>
    <div class="quan">
        <div class="row">
            <button type="button" class="btn" onmouseout="likai()" id="likai">holle</button>
        </div>
        <input class="form-control" type="text" placeholder="输入你的年龄" id="nianling" onmousedown="li()"/>
    </div>
    <script>
        function likai() {
            alert("32");
            
        }
        
        function li() {
            var ll = $("#nianling").li();
            if (ll > 30) {
                alert("nihao");
            }
        }
    </script>
</body>
</html>
